<style>
	div#news    {width:660px;margin:0 auto} 
	div.section {width:100%;} 
	div.article {width:500px;float:left;} 
	div.header  {width:100%;text-align:center} 
	div.content {width:100%;background:#ddd} 
	div.footer  {width:100%;background:#ddd} 
	div.aside   {width:150px;float:right}
</style>
<div id="news"> 
   <div class="section"> 
      <div class="article"> 
         <div class="header"> 
            <h1>Div 布局示范</h1> 
            <p>发表于2014年09月10日</p> 
         </div> 
         <div class="content"> 
            <p>内容文本等等.</p> 
            <p>内容文本等等.</p>
            <p>内容文本等等.</p>
         </div> 
         <div class="footer"> 
            <p>Tags: HMTL, 代码, 演示</p> 
         </div> 
      </div> 
      <div class="aside"> 
         <div class="header"> 
            <h1>附属信息</h1> 
         </div> 
         <div class="content"> 
            <p>内容文本等等.</p> 
            <p>内容文本等等.</p> 
            <p>内容文本等等.</p>
			<p>内容文本等等.</p>
         </div> 
         <div class="footer"> 
            <p>Tags: HMTL,演示</p>  
         </div> 
      </div> 
   </div> 
</div>

